<template>
  <div class="content">
    <van-nav-bar title="" left-text="返回" >
      <template #left>
        <van-icon name="arrow-left" size="20" @click="$router.back()" style="margin-right: 10px" />
        <van-icon name="wap-home-o" size="20" @click="goto('/home')" />
      </template>
    </van-nav-bar>
    <img
      class="img1"
      src="https://m.assets.shop.hisense.com/assets/files/hisense.46ef582304ee74ce.png"
      alt=""
    />
    <!-- <span class="img1"></span> -->

    <van-image
      class="bigpic"
      width="80%"
      height="80%"
      src="https://img.shop.hisense.com/2019/03/05/7614427d-2264-4809-a518-676c9100fdac.png?x-oss-process=image/resize,m_fixed,w_750,h_1334/format,webp"
    />

    <div class="page-mine">
      <van-button
        class="botton"
        square
        block
        type="primary"
        @click="goto('/loginy')"
        >登录</van-button
      >
      <van-button
        class="botton show"
        type="primary"
        color="#00A6AA"
        block
        @click="goto('reg')"
        >注册</van-button
      >
    </div>
  </div>
</template>

<script>
export default {
  name: "Login",
  data() {
    return {};
  },

  methods: {
    go() {
      this.$router.push("/mine");
    },
    goto(path) {
      this.$router.push(path);
    },
  },
  // computed() {},
  created() {
    // console.log("Login", this);
    this.$parent.showTabbar = false;
  },
};
</script>

<style lang="scss" scoped>
.page-mine {
  position: absolute;
  bottom: 45px;
  left: 35px;
}
.botton {
  background: #00a6aa;
  width: 310px;
  height: 50px;
  margin: 8px auto;
}

.van-nav-bar__content {
  position: absolute;
  top: 0;
  left: 0;
}
.bigpic {
  padding-left:30px ;
}

.img1 {
  position: absolute;
  width: 60%;
  height: 40px;
  top: 60px;
  left: 70px;
}
.content {
  overflow: hidden
}
</style>